<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>首页</title>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link
	href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700"
	rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface"
	rel="stylesheet">

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/open-iconic-bootstrap.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/animate.css">

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/owl.carousel.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/owl.theme.default.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/magnific-popup.css">

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/aos.css">

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/ionicons.min.css">

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/bootstrap-datepicker.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/jquery.timepicker.css">



<link rel="stylesheet" href="${pageContext.request.contextPath}/user/css/flaticon.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/user/css/icomoon.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/user/css/style.css">
	
<link rel="stylesheet" href="layui/css/layui.css" media="all">
<link rel="stylesheet" href="layui/css/MyBoot.css" media="all">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
    <!-- 弹窗开始 -->
   
<div class="modaloo fadeoo inoo" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
			<div class="modal-dialogoo" >
				<div class="modal-contentoo">
					
					<div class="modal-bodyoo" id="allmap" style="height: 400px;" >
						
					</div>
					<div class="modal-footeroo" >
						<button type="button" class="btn btn-default" data-dismiss="modal" id="close_tangchuang">关闭
				</button>
					</div>
				</div>
				<!-- /.modal-content -->
			  </div>
			<!-- /.modal-dialog -->
</div>

<div class="modaloo fadeoo inoo" id="myScenicModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
			<div class="modal-dialogoo" >
				<div class="modal-contentoo">
					
					<div class="modal-bodyoo" id="myScenicShow" style="height: 500px; width:600px; overflow-y: scroll;" >
						
					</div>
					<div class="modal-footeroo" >
						<button type="button" class="btn btn-default" data-dismiss="modal" id="close_tangchuang_scenic">关闭
				</button>
					</div>
				</div>
				<!-- /.modal-content -->
			  </div>
			<!-- /.modal-dialog -->
</div>

<!-- 弹窗结束 -->	


	<jsp:include page="nav.jsp"></jsp:include>
	<!-- END nav -->

	<div class="hero-wrap js-fullheight"
		style="background-image: url('${pageContext.request.contextPath}/user/images/bg_1.jpg');">
		<div class="overlay"></div>
		<div class="container">
			<div
				class="row no-gutters slider-text js-fullheight align-items-center justify-content-start"
				data-scrollax-parent="true">
				<div
					class="col-md-9 ftco-animate mb-5 pb-5 text-center text-md-left"
					data-scrollax=" properties: { translateY: '70%' }">
					<h1 class="mb-4"
						data-scrollax="properties: { translateY: '30%', opacity: 1.6 }">
						发现 <br>一个新地方
					</h1>

				</div>
			</div>
		</div>
	</div>

	<section class="ftco-section justify-content-end ftco-search">
	<div class="container-wrap ml-auto">
		<div class="row no-gutters">
			<div class="col-md-12 nav-link-wrap">
				<div class="nav nav-pills justify-content-center text-center"
					id="v-pills-tab" role="tablist" aria-orientation="vertical">
					<!-- <a class="nav-link active" id="v-pills-1-tab" data-toggle="pill"
						href="#v-pills-1" role="tab" aria-controls="v-pills-1"
						aria-selected="true">心之所向</a>  --><!-- <a class="nav-link" id="v-pills-2-tab"
						data-toggle="pill" href="#v-pills-2" role="tab"
						aria-controls="v-pills-2" aria-selected="false">梦幻之乡</a> --> <!-- <a
						class="nav-link" id="v-pills-3-tab" data-toggle="pill"
						href="#v-pills-3" role="tab" aria-controls="v-pills-3"
						aria-selected="false">租赁</a> -->
				</div>
			</div>
			<div class="col-md-12 tab-wrap">

				<div class="tab-content p-4 px-5" id="v-pills-tabContent">

					<div class="tab-pane fade show active search-destination" id="v-pills-1"
						role="tabpanel" aria-labelledby="v-pills-nextgen-tab">
						<!--  <form  class="search-destination">-->
							<div class="row ">
								<div class="col-md align-items-end">
									<div class="form-group">
										<label for="#">旅行省份</label>
										<div class="select-wrap">
											<div class="icon">
												<span class="ion-ios-arrow-down"></span>
											</div>
											<select name="provinceId" id="provinceId-lvxing-xzsx" class="form-control ">
													<!-- <option value="0">选择省份</option> -->
												</select>
										</div>
									</div>
								</div>
								<div class="col-md align-items-end">
									<div class="form-group">
										<label for="#">目标城市</label>
										<div class="select-wrap">
											<div class="icon">
												<span class="ion-ios-arrow-down"></span>
											</div>
											<select name="cityId" id="city-lvxing-xzsx" class="form-control city-lvxing">
													<option value="0">选择城市</option>
												</select>
										</div>
									</div>
								</div>
								
								<div class="col-md align-items-end">
									<div class="form-group">
										<label for="#">景点主题</label>
										<div class="form-field">
											<div class="select-wrap">
												<div class="icon">
													<span class="ion-ios-arrow-down"></span>
												</div>
												<select name="hobbyId" id="hobby-lvxing-xzsx" class="form-control ">
													<option value="0">选择景点主题</option>
												</select>
											</div>
										</div>
									</div>
								</div>
								<div class="col-md align-items-end">
									<div class="form-group">
										<label for="#">旅行套餐</label>
										<div class="form-field">
										
											<div class="select-wrap">
												<div class="icon">
													<span class="ion-ios-arrow-down"></span>
												</div>
												<select name="rsort_rule" id="rsort_rule_xzsx" class="form-control">
													<option value="2">全部</option>
													<option value="1">经济型</option>
													<option value="0">豪华型</option>						
												</select>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 景点开始 -->
							<div class="row">
							
							<div class="col-md align-items-end">
									<div class="form-group">
										<label for="#">景点</label>
										<div class="form-field" id="scenic-lvxing-xzsx">
											<!-- <input type="checkbox" name="scenicid" value="1"> 武夷山&nbsp;&nbsp;
											<input type="checkbox" name="scenicid" value="2"> 鼓浪屿&nbsp;&nbsp;
											<input type="checkbox" name="scenicid" value="3"> 中山路&nbsp;&nbsp;
											<input type="checkbox" name="scenicid" value="4"> 中山街&nbsp;&nbsp;
											<input type="checkbox" name="scenicid" value="5"> 胡里山炮台&nbsp;&nbsp;
											<input type="checkbox" name="scenicid" value="6"> 厦门大学&nbsp;&nbsp;
											<input type="checkbox" name="scenicid" value="7"> 集美大学&nbsp;&nbsp;
										 -->
										 </div>
									</div>
								</div>
							 <div class="col-md align-self-end">
									<div class="form-group">
										<div class="form-field">
											<input type="button" value="开始规划" id="begin-plan-way"
												class="form-control btn btn-primary">
										</div>
									</div>
								</div>
							</div>
							<!-- 景点 结束
						</form>-->
					</div>

					<div class="tab-pane fade" id="v-pills-2" role="tabpanel"
						aria-labelledby="v-pills-performance-tab">
						<form action="#" class="search-destination">
							<div class="row">
								<div class="col-md align-items-end">
									<div class="form-group">
										<label for="#">旅行省份</label>
										<div class="select-wrap">
											<div class="icon">
												<span class="ion-ios-arrow-down"></span>
											</div>
											<select name="provinceId" id="provinceId-lvxing-mhzx" class="form-control">
													<option value="0">选择省份</option>
												</select>
										</div>
									</div>
								</div>
								<div class="col-md align-items-end">
									<div class="form-group">
										<label for="#">目标城市</label>
										<div class="form-field">
										
											<div class="select-wrap">
												<div class="icon">
													<span class="ion-ios-arrow-down"></span>
												</div>
												<select name="cityId" id="city-lvxing-mhzx" class="form-control">
													<option value="0">选择目标城市</option>
																	
												</select>
											</div>
										</div>
									</div>
								</div>
								
								<div class="col-md align-items-end">
									<div class="form-group">
										<label for="#">景点主题</label>
										<div class="form-field">
											<div class="select-wrap">
												<div class="icon">
													<span class="ion-ios-arrow-down"></span>
												</div>
												<select name="hobbyId" id="hobby-lvxing-mhzx" class="form-control">
													<option value="0">选择景点主题</option>
												</select>
											</div>
										</div>
									</div>
								</div>
								<div class="col-md align-items-end">
									<div class="form-group">
										<label for="#">旅行套餐</label>
										<div class="form-field">
										
											<div class="select-wrap">
												<div class="icon">
													<span class="ion-ios-arrow-down"></span>
												</div>
												<select name="rsort_rule" id="" class="form-control">
													<option value="2">全部</option>
													<option value="1">经济型</option>
													<option value="0">豪华型</option>						
												</select>
											</div>
										</div>
									</div>
								</div>
								<div class="col-md align-self-end">
									<div class="form-group">
										<div class="form-field">
											<input type="submit" value="搜索"
												class="form-control btn btn-primary">
										</div>
									</div>
								</div>
							</div>
						</form>
					</div>		
				</div>
			</div>
		</div>
	</div>
	</section>

	<!-- 路线规划 -->
	
	<section class="ftco-section bg-light">
	<div class="container">
		<div class="row">			
			<div class="col-md-12">
				<div class="intro ftco-animate">
					
			<table width="1200px" border="1" cellspacing="0" cellpadding="0" align="center" id="play_way_Scenic"> 			
		</table>
					
				</div>
			</div>
		</div>
	</div>
	</section>
	
	<!-- 路线规划结束 -->

	<section class="ftco-section bg-light">
	<div class="container">
		<div class="row">
			<div class="col-md-4">
				<div class="intro ftco-animate">
					<h3>
						<span>01</span> 旅行
					</h3>
					<p>旅行，让你活力满满在旅行中的生活，遇见的是最美的风景，看到的是热情的笑脸，让你的每一天都充满力量。</p>
				</div>
			</div>
			<div class="col-md-4">
				<div class="intro ftco-animate">
					<h3>
						<span>02</span> 经历
					</h3>
					<p>走出去才会发现，世界上原来真的有很多很多种人，用各自不同的方式生活着。他们拥有不一样的价值观，让这个世界显得纷繁复杂又有趣。</p>
				</div>
			</div>
			<div class="col-md-4">
				<div class="intro ftco-animate">
					<h3>
						<span>03</span> 放松
					</h3>
					<p>喜欢旅行的人，是抱着一个欣赏的角度去看待这个世界，所以她们能轻而易举地发现生活中的美。</p>
				</div>
			</div>
		</div>
	</div>
	</section>

	<section class="ftco-section">
	<div class="container">
		<div class="row justify-content-center mb-5 pb-3">
			<div class="col-md-7 heading-section text-center ftco-animate">
				<h2 class="mb-4">查看我们最新的度假想法</h2>
			</div>
		</div>
		<div class="row">
			<div class="col-md-4 ftco-animate">
				<a href="#" class="destination-entry img"
					style="background-image: url(${pageContext.request.contextPath}/user/images/destination-1.jpg);">
					<div class="text text-center">
						<h3>海滨景观</h3>
					</div>
				</a>
			</div>
			<div class="col-md-4 ftco-animate">
				<a href="#" class="destination-entry img"
					style="background-image: url(${pageContext.request.contextPath}/user/images/destination-2-1.jpg);">
					<div class="text text-center">
						<h3>团队度假</h3>
					</div>
				</a>
			</div>
			<div class="col-md-4 ftco-animate">
				<a href="#" class="destination-entry img"
					style="background-image: url(${pageContext.request.contextPath}/user/images/destination-3.jpg);">
					<div class="text text-center">
						<h3>城市地带</h3>
					</div>
				</a>
			</div>
		</div>
	</div>
	</section>

	<section class="ftco-about d-md-flex">
	<div class="one-half img"
		style="background-image: url(${pageContext.request.contextPath}/user/images/about.jpg);"></div>
	<div class="one-half ftco-animate">
		<div class="heading-section ftco-animate ">
			<h2 class="mb-4">最佳旅行</h2>
		</div>
		<div>
			<p>旅行，让你学会从多角度看待人生原来有的人，为实现梦想吃尽苦头，仍然面露微笑；原来有的人，放弃稳定的工作，只为开一家自己喜欢的小店；
				原来许多人，都在一边流泪，一边咬牙坚持。</p>
		</div>
	</div>
	</section>

	<section class="ftco-section services-section bg-light">
	<div class="container">
		<div class="row d-flex">
			<div class="col-md-3 d-flex align-self-stretch ftco-animate">
				<div class="media block-6 services d-block">
					<div class="icon">
						<span class="flaticon-yatch"></span>
					</div>
					<div class="media-body">
						<h3 class="heading mb-3">特别活动</h3>

					</div>
				</div>
			</div>
			<div class="col-md-3 d-flex align-self-stretch ftco-animate">
				<div class="media block-6 services d-block">
					<div class="icon">
						<span class="flaticon-around"></span>
					</div>
					<div class="media-body">
						<h3 class="heading mb-3">旅行计划</h3>

					</div>
				</div>
			</div>
			<div class="col-md-3 d-flex align-self-stretch ftco-animate">
				<div class="media block-6 services d-block">
					<div class="icon">
						<span class="flaticon-compass"></span>
					</div>
					<div class="media-body">
						<h3 class="heading mb-3">私人指南</h3>

					</div>
				</div>
			</div>
			<div class="col-md-3 d-flex align-self-stretch ftco-animate">
				<div class="media block-6 services d-block">
					<div class="icon">
						<span class="flaticon-map-of-roads"></span>
					</div>
					<div class="media-body">
						<h3 class="heading mb-3">地理位置</h3>

					</div>
				</div>
			</div>
		</div>
	</div>
	</section>

	<section class="ftco-section">
	<div class="container">
		<div class="row justify-content-center mb-5 pb-3">
			<div class="col-md-7 heading-section text-center ftco-animate">
				<h2 class="mb-4">最热门的地方</h2>
			</div>
		</div>
	</div>
	<div class="container-fluid">
		<div class="row" id="hot_scenic_show">
		
		</div>
	</div>
	</section>
	<div class="tlinks">
		Collect from <a href="http://www.cssmoban.com/">网页模板</a>
	</div>
	<section class="ftco-section ftco-counter img" id="section-counter"
		style="background-image: url(${pageContext.request.contextPath}/user/images/bg_1.jpg);"
		data-stellar-background-ratio="0.5">
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-md-10">
				<div class="row">
					<div
						class="col-md-3 d-flex justify-content-center counter-wrap ftco-animate">
						<div class="block-18 text-center">
							<div class="text">
								<strong class="number" data-number="100000">0</strong> <span>游客数</span>
							</div>
						</div>
					</div>
					<div
						class="col-md-3 d-flex justify-content-center counter-wrap ftco-animate">
						<div class="block-18 text-center">
							<div class="text">
								<strong class="number" data-number="40000">0</strong> <span>目的地</span>
							</div>
						</div>
					</div>
					<div
						class="col-md-3 d-flex justify-content-center counter-wrap ftco-animate">
						<div class="block-18 text-center">
							<div class="text">
								<strong class="number" data-number="87000">0</strong> <span>酒店</span>
							</div>
						</div>
					</div>
					<div
						class="col-md-3 d-flex justify-content-center counter-wrap ftco-animate">
						<div class="block-18 text-center">
							<div class="text">
								<strong class="number" data-number="56400">0</strong> <span>餐厅</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</section>


	<section class="ftco-section">
	<div class="container">
		<div class="row justify-content-center mb-5 pb-3">
			<div class="col-md-7 heading-section text-center ftco-animate">
				<h2 class="mb-4">
					<strong>热门</strong>酒店
				</h2>
			</div>
		</div>
	</div>
	<div class="container-fluid">
		<div class="row" id="show_hotel_hot">
			<!--    <div class="col-sm col-md-6 col-lg ftco-animate">
				<div class="destination">
					<a href="#"
						class="img img-2 d-flex justify-content-center align-items-center"
						style="background-image: url(${pageContext.request.contextPath}/user/images/hotel-1.jpg);">
						<div class="icon d-flex justify-content-center align-items-center">
							<span class="icon-link"></span>
						</div>
					</a>
					<div class="text p-3">
						<div class="d-flex">
							<div class="one">
								<h3>
									<a href="#">新奥尔良酒店</a>
								</h3>
								<p class="rate">
									<i class="icon-star"></i> <i class="icon-star"></i> <i
										class="icon-star"></i> <i class="icon-star"></i> <i
										class="icon-star-o"></i> <span>4星</span>
								</p>
							</div>
							<div class="two">
								<span class="price per-price">240RMB<br> <small>/夜</small></span>
							</div>
						</div>
						<p>坐酒店位于商业区的中心位置，是便捷的工作和休闲场所。在露天茶座品尝精致美食，从15层泳池眺望迷人美景，这间现代化的酒店就像镶嵌在城市里的一颗美钻，让新奥良熠熠生辉。</p>
						<hr>
						<p class="bottom-area d-flex">

							<span class="ml-auto"><a href="#">立即预定</a></span>
						</p>
					</div>
				</div>
			</div>
			<div class="col-sm col-md-6 col-lg ftco-animate">
				<div class="destination d-md-flex flex-column-reverse">
					<a href="#"
						class="img img-2 d-flex justify-content-center align-items-center"
						style="background-image: url(${pageContext.request.contextPath}/user/images/hotel-2.jpg);">
						<div class="icon d-flex justify-content-center align-items-center">
							<span class="icon-link"></span>
						</div>
					</a>
					<div class="text p-3">
						<div class="d-flex">
							<div class="one">
								<h3>
									<a href="#">威珀斯酒店</a>
								</h3>
								<p class="rate">
									<i class="icon-star"></i> <i class="icon-star"></i> <i
										class="icon-star"></i> <i class="icon-star"></i> <i
										class="icon-star-o"></i> <span>4星</span>
								</p>
							</div>
							<div class="two">
								<span class="price per-price">240RMB<br> <small>/夜</small></span>
							</div>
						</div>
						<p>威珀斯酒店以“为客人提供极致享受”为经营理念，采用科学的管理模式，结合“以人为本”的管理方式，</p>
						<hr>
						<p class="bottom-area d-flex">

							<span class="ml-auto"><a href="#">立即预定</a></span>
						</p>
					</div>
				</div>
			</div>
			<div class="col-sm col-md-6 col-lg ftco-animate">
				<div class="destination">
					<a href="#"
						class="img img-2 d-flex justify-content-center align-items-center"
						style="background-image: url(${pageContext.request.contextPath}/user/images/hotel-3.jpg);">
						<div class="icon d-flex justify-content-center align-items-center">
							<span class="icon-link"></span>
						</div>
					</a>
					<div class="text p-3">
						<div class="d-flex">
							<div class="one">
								<h3>
									<a href="#">圣达特</a>
								</h3>
								<p class="rate">
									<i class="icon-star"></i> <i class="icon-star"></i> <i
										class="icon-star"></i> <i class="icon-star"></i> <i
										class="icon-star-o"></i> <span>4星</span>
								</p>
							</div>
							<div class="two">
								<span class="price per-price">240RMB<br> <small>/夜</small></span>
							</div>
						</div>
						<p>。在全球共有酒店6344座，房间532284间。有戴斯（天天）、豪生、华美达、速8等品牌，是全球排名第一的特许经营酒店集团</p>
						<hr>
						<p class="bottom-area d-flex">

							<span class="ml-auto"><a href="#">立即预定</a></span>
						</p>
					</div>
				</div>
			</div>
			<div class="col-sm col-md-6 col-lg ftco-animate">
				<div class="destination d-md-flex flex-column-reverse">
					<a href="#"
						class="img img-2 d-flex justify-content-center align-items-center"
						style="background-image: url(${pageContext.request.contextPath}/user/images/hotel-4.jpg);">
						<div class="icon d-flex justify-content-center align-items-center">
							<span class="icon-link"></span>
						</div>
					</a>
					<div class="text p-3">
						<div class="d-flex">
							<div class="one">
								<h3>
									<a href="#">维也纳酒店</a>
								</h3>
								<p class="rate">
									<i class="icon-star"></i> <i class="icon-star"></i> <i
										class="icon-star"></i> <i class="icon-star"></i> <i
										class="icon-star-o"></i> <span>4星</span>
								</p>
							</div>
							<div class="two">
								<span class="price per-price">240RMB<br> <small>/夜</small></span>
							</div>
						</div>
						<p>全球以'音乐艺术'为主题的连锁酒店之一,十大连锁酒店,中国中档商务连锁酒店领袖品牌之一,维也纳酒店集团</p>
						<hr>
						<p class="bottom-area d-flex">

							<span class="ml-auto"><a href="#">立即预定</a></span>
						</p>
					</div>
				</div>
			</div>
			<div class="col-sm col-md-6 col-lg ftco-animate">
				<div class="destination">
					<a href="#"
						class="img img-2 d-flex justify-content-center align-items-center"
						style="background-image: url(${pageContext.request.contextPath}/user/images/hotel-5.jpg);">
						<div class="icon d-flex justify-content-center align-items-center">
							<span class="icon-link"></span>
						</div>
					</a>
					<div class="text p-3">
						<div class="d-flex">
							<div class="one">
								<h3>
									<a href="#">希尔顿</a>
								</h3>
								<p class="rate">
									<i class="icon-star"></i> <i class="icon-star"></i> <i
										class="icon-star"></i> <i class="icon-star"></i> <i
										class="icon-star-o"></i> <span>4星</span>
								</p>
							</div>
							<div class="two">
								<span class="price per-price">240RMB<br> <small>/夜</small></span>
							</div>
						</div>
						<p>2006中国饭店业国际品牌10强第9
							，美国希尔顿集团斥资4.75亿欧元接管英国希尔顿国际。成为一个统一的实体。有酒店2747座，房间472720间。</p>
						<hr>
						<p class="bottom-area d-flex">

							<span class="ml-auto"><a href="#">立即预定</a></span>
						</p>
					</div>
				</div>
			</div>-->
		</div>
	</div>
	</section>

	<section class="ftco-section testimony-section">
	<div class="container">
		<div class="row justify-content-center mb-5 pb-3">
			<div
				class="col-md-7 text-center heading-section heading-section-white ftco-animate">
				<h2 class="mb-4">游客说</h2>

			</div>
		</div>
		<div class="row ftco-animate">
			<div class="col-md-12">
				<div class="carousel-testimony owl-carousel ftco-owl">
					<div class="item">
						<div class="testimony-wrap p-4 pb-5">
							<div class="user-img mb-5"
								style="background-image: url(${pageContext.request.contextPath}/user/images/person_1.jpg)">
								<span
									class="quote d-flex align-items-center justify-content-center">
									<i class="icon-quote-left"></i>
								</span>
							</div>
							<div class="text">
								<p class="mb-5">Far far away, behind the word mountains, far
									from the countries Vokalia and Consonantia, there live the
									blind texts.</p>
								<p class="name">Mark Web</p>
								<span class="position">Marketing Manager</span>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="testimony-wrap p-4 pb-5">
							<div class="user-img mb-5"
								style="background-image: url(${pageContext.request.contextPath}/user/images/person_2.jpg)">
								<span
									class="quote d-flex align-items-center justify-content-center">
									<i class="icon-quote-left"></i>
								</span>
							</div>
							<div class="text">
								<p class="mb-5">Far far away, behind the word mountains, far
									from the countries Vokalia and Consonantia, there live the
									blind texts.</p>
								<p class="name">Mark Web</p>
								<span class="position">Interface Designer</span>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="testimony-wrap p-4 pb-5">
							<div class="user-img mb-5"
								style="background-image: url(${pageContext.request.contextPath}/user/images/person_3.jpg)">
								<span
									class="quote d-flex align-items-center justify-content-center">
									<i class="icon-quote-left"></i>
								</span>
							</div>
							<div class="text">
								<p class="mb-5">Far far away, behind the word mountains, far
									from the countries Vokalia and Consonantia, there live the
									blind texts.</p>
								<p class="name">Mark Web</p>
								<span class="position">UI Designer</span>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="testimony-wrap p-4 pb-5">
							<div class="user-img mb-5"
								style="background-image: url(${pageContext.request.contextPath}/user/images/person_1.jpg)">
								<span
									class="quote d-flex align-items-center justify-content-center">
									<i class="icon-quote-left"></i>
								</span>
							</div>
							<div class="text">
								<p class="mb-5">Far far away, behind the word mountains, far
									from the countries Vokalia and Consonantia, there live the
									blind texts.</p>
								<p class="name">Mark Web</p>
								<span class="position">Web Developer</span>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="testimony-wrap p-4 pb-5">
							<div class="user-img mb-5"
								style="background-image: url(${pageContext.request.contextPath}/user/images/person_1.jpg)">
								<span
									class="quote d-flex align-items-center justify-content-center">
									<i class="icon-quote-left"></i>
								</span>
							</div>
							<div class="text">
								<p class="mb-5">Far far away, behind the word mountains, far
									from the countries Vokalia and Consonantia, there live the
									blind texts.</p>
								<p class="name">Mark Web</p>
								<span class="position">System Analyst</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</section>

	<section class="ftco-section">
	<div class="container">
		<div class="row justify-content-center mb-5 pb-3">
			<div class="col-md-7 heading-section text-center ftco-animate">
				<h2 class="mb-4">推荐餐厅</h2>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6 col-lg-3 ftco-animate">
				<div class="destination">
					 <a href="#" id="rimg1"
						class="img img-2 d-flex justify-content-center align-items-center"
						style="background-image: url(${pageContext.request.contextPath}/user/images/restaurant-1.jpg);">
						<div class="icon d-flex justify-content-center align-items-center">
							<span class="icon-link"></span>
						</div>
					</a> 
					<div class="text p-3">
						<h3>
							<a href="#" id="rname1"></a>
						</h3>
						<p class="rate">
							<i class="icon-star"></i> <i class="icon-star"></i> <i
								class="icon-star"></i> <i class="icon-star"></i> <i
								class="icon-star-o"></i> <span>8 Rating</span>
						</p>
						<p id="rcontent1"></p>
						<hr>
						<p class="bottom-area d-flex">

							<span class="ml-auto"><a href="#">发现</a></span>
						</p> 
					</div>
				</div>
			</div>
			<div class="col-md-6 col-lg-3 ftco-animate">
				<div class="destination d-md-flex flex-column-reverse">
					<a href="#" id="rimg2"
						class="img img-2 d-flex justify-content-center align-items-center"
						style="background-image: url(${pageContext.request.contextPath}/user/images/restaurant-2.jpg);">
						<div class="icon d-flex justify-content-center align-items-center">
							<span class="icon-link"></span>
						</div>
					</a>
					<div class="text p-3">
						<h3>
							<a href="#" id="rname2">民族风味餐厅 </a>
						</h3>
						<p class="rate">
							<i class="icon-star"></i> <i class="icon-star"></i> <i
								class="icon-star"></i> <i class="icon-star"></i> <i
								class="icon-star-o"></i> <span>4星</span>
						</p>
						<p id="rcontent2">以一个国家或一个民族的风味菜为主导产品的餐饮企业。如泰国菜、日本料理、韩国料理、越南菜</p>
						<hr>
						<p class="bottom-area d-flex">

							<span class="ml-auto"><a href="#">立即预定</a></span>
						</p>
					</div>
				</div>
			</div>
			<div class="col-md-6 col-lg-3 ftco-animate">
				<div class="destination">
					<a href="#" id="rimg3"
						class="img img-2 d-flex justify-content-center align-items-center"
						style="background-image: url(${pageContext.request.contextPath}/user/images/restaurant-3.jpg);">
						<div class="icon d-flex justify-content-center align-items-center">
							<span class="icon-link"></span>
						</div>
					</a>
					<div class="text p-3">
						<h3>
							<a href="#" id="rname3">家常风味餐厅</a>
						</h3>
						<p class="rate">
							<i class="icon-star"></i> <i class="icon-star"></i> <i
								class="icon-star"></i> <i class="icon-star"></i> <i
								class="icon-star-o"></i> <span>4星</span>
						</p>
						<p id="rcontent3">以农家乐为主的餐饮企业经营主体。由于餐厅的营业时间一般是根据目标市场的就餐时间来确定的</p>
						<hr>
						<p class="bottom-area d-flex">

							<span class="ml-auto"><a href="#">立即预定</a></span>
						</p>
					</div>
				</div>
			</div>
			<div class="col-md-6 col-lg-3 ftco-animate">
				<div class="destination d-md-flex flex-column-reverse">
					<a href="#" id="rimg4"
						class="img img-2 d-flex justify-content-center align-items-center"
						style="">
						<div class="icon d-flex justify-content-center align-items-center">
							<span class="icon-link"></span>
						</div>
					</a>
					<div class="text p-3">
						<h3>
							<a href="#" id="rname4">西餐厅 
						</h3>
						<p class="rate">
							<i class="icon-star"></i> <i class="icon-star"></i> <i
								class="icon-star"></i> <i class="icon-star"></i> <i
								class="icon-star-o"></i> <span>4星</span>
						</p>
						<p id="rcontent4">根据西欧的特色文化所形成的美食</p>
						<hr>
						<p class="bottom-area d-flex">

							<span class="ml-auto"><a href="#">立即预定</a></span>
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	</section>

	<section class="ftco-section bg-light">
	<div class="container">
		<div class="row justify-content-center mb-5 pb-3">
			<div class="col-md-7 heading-section text-center ftco-animate">
				<h2>
					<strong>博客文章</strong>
				</h2>
			</div>
		</div>
		<div class="row d-flex">
			<div class="col-md-4 d-flex ftco-animate">
				<div class="blog-entry align-self-stretch">
					<a href="Userapi/listBlogSingle?bid=1" class="block-20" id="bimg1"
						style="">
					</a>
					<div class="text">
						<!-- <span class="tag">提示，旅行</span> -->
						<h3 class="heading mt-3">
							<span id="btitle1"></span>
						</h3>
						<div class="meta mb-3">
							<!-- <div>
								<a href="#" >2018年10月3日</a>
							</div> -->
							<!-- <div>
								<a href="#">管理员</a>
							</div>
							<div>
								<a href="#" class="meta-chat"><span class="icon-chat"></span>
									3</a>
							</div> -->
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-4 d-flex ftco-animate">
				<div class="blog-entry align-self-stretch">
					<a href="Userapi/listBlogSingle?bid=2" class="block-20" id="bimg2"
						style="">
					</a>
					<div class="text">
						<!-- <span class="tag">文化</span> -->
						<h3 class="heading mt-3">
							<span id="btitle2"></span>
						</h3>
						<div class="meta mb-3">
							<!-- <div>
								<a href="#">2018年10月3日</a>
							</div> -->
							<!-- <div>
								<a href="#">管理员</a>
							</div>
							<div>
								<a href="#" class="meta-chat"><span class="icon-chat"></span>
									3</a>
							</div> -->
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-4 d-flex ftco-animate">
				<div class="blog-entry align-self-stretch">
					<a href="#" class="block-20" id="bimg3"
						style="">
					</a>
					<div class="text">
						<!-- <span class="tag">提示，旅行</span> -->
						<h3 class="heading mt-3">
							<span id="btitle3"></span>
						</h3>
						<div class="meta mb-3">
							<!-- <div>
								<a href="#">2018年10月3日</a>
							</div> -->
							<!-- <div>
								<a href="#">管理员</a>
							</div>
							<div>
								<a href="#" class="meta-chat"><span class="icon-chat"></span>
									3</a>
							</div> -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</section>

	<section class="ftco-section-parallax">
	<div class="parallax-img d-flex align-items-center">
		<div class="container">
			<div class="row d-flex justify-content-center">
				<div
					class="col-md-7 text-center heading-section heading-section-white ftco-animate">
					<h2>订阅我们</h2>
					</p>
					<div class="row d-flex justify-content-center mt-5">
						<div class="col-md-8">
							<form action="#" class="subscribe-form">
								<div class="form-group d-flex">
									<input type="text" class="form-control" placeholder="邮箱地址">
									<input type="submit" value="订阅" class="submit px-3">
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</section>
	<jsp:include page="footer.jsp"></jsp:include>

<script src="layui/layui.js" charset="utf-8"></script>		
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<!-- 心之所向加载 -->
	<script type="text/javascript">	
	//**页面加载开始****************
	$(document).ready(function(){
		cityhotel("${Address.city}")
		hotScenic("${Address.province}");
		//**加载景点主题开始**************
		$.ajax({
    			url:'/happySys/hobby/findall',
    			type:'get',
    			dataType:'json',    			
    			success:function(data){
    				$.each(data,function(i){   					
    					$('#hobby-lvxing-xzsx').append('<option value="'+data[i].hid+'">'+data[i].htype+'</option>');
    				});				
    			}
    			
    		});
		//****加载景点主题结束*************
		//***加载省份开始*************
		$('#provinceId-lvxing-xzsx').empty();
		$.ajax({
    			url:'/happySys/province/findall',
    			type:'get',
    			dataType:'json',   			
    			success:function(data){
    				$.each(data,function(i){    		
    					$('#provinceId-lvxing-xzsx').append('<option value="'+data[i].provinceid+'">'+data[i].provincename+'</option>');
    				});				
    			}    			
    		});
		//*****加载省份结束******************
	});
	
	//********页面加载结束
	//******根据选择的省份加载该省份的所有城市开始***
	$("#provinceId-lvxing-xzsx").blur(function() {
		$('#city-lvxing-xzsx').empty();
		$.ajax({
			url:'/happySys/city/findcitybyproid',
			type:'get',
			dataType:'json',
			data:{
				pid:$(this).val()
			},
			success:function(data){
				$.each(data,function(i){
					
					$('#city-lvxing-xzsx').append('<option value="'+data[i].cityid+'">'+data[i].cityname+'</option>');
				});				
			}			
		})		
	});
	//******根据选择的省份加载该省份的所有城市结束***
	
	//********选择的城市失焦加载景点开始*****
	$("#city-lvxing-xzsx").blur(function() {
		//加载该城市的酒店,热门景点
		var cityname = $('#city-lvxing-xzsx').val();
		var provname=$('#provinceId-lvxing-xzsx').val();
		cityhotel(cityname);
		hotScenic(provname);
		//加载该城市的酒店结束
		
		$('#scenic-lvxing-xzsx').empty();
		$.ajax({
			url:'/happySys/scenic/findScenicBypchId',
			type:'get',
			dataType:'json',
			data:{
				pid:$('#provinceId-lvxing-xzsx').val(),
				cid:$('#city-lvxing-xzsx').val(),
				hid:$('#hobby-lvxing-xzsx').val()
			},
			success:function(data){
				$.each(data,function(i){
				//	alert(data[i].sname)
					$('#scenic-lvxing-xzsx').append('<input type="checkbox" name="scenicid" class="scenic-scname-xzsx" value="'+data[i].sid+'"> '+data[i].sname+'&nbsp;&nbsp;');
				});				
			}			
		})		
	});
	
	//********选择的城市失焦加载景点结束*****
	
	//********选择的景点主题失焦加载景点开始*****
	$("#hobby-lvxing-xzsx").blur(function() {
		
		//加载该城市的酒店,热门景点		
		var pv =$('#provinceId-lvxing-xzsx').val();
		var cv =$('#city-lvxing-xzsx').val();
		cityhotel(cv);
		hotScenic(pv);
		if(pv!=0&&cv!=0){	
		$('#scenic-lvxing-xzsx').empty();
		$.ajax({
			url:'/happySys/scenic/findScenicBypchId',
			type:'get',
			dataType:'json',
			data:{
				pid:$('#provinceId-lvxing-xzsx').val(),
				cid:$('#city-lvxing-xzsx').val(),
				hid:$('#hobby-lvxing-xzsx').val()
			},
			success:function(data){
				$.each(data,function(i){
				//	alert(data[i].sname)
					$('#scenic-lvxing-xzsx').append('<input type="checkbox" name="scenicid" class="scenic-scname-xzsx" value="'+data[i].sid+'"> '+data[i].sname+'&nbsp;&nbsp;');
				});				
			}			
		});
		
		}
	});
	
	//********选择的景点主题失焦加载景点结束*****
	//**景点最多选择6个开始************
	$(document).on("click",".scenic-scname-xzsx",function(){		
		//jquery获取复选框值    
		var chk_value= [];//定义一个数组    		 
		$('input[name="scenicid"]:checked').each(function(){//遍历每一个名字为interest的复选框，其中选中的执行函数    
			chk_value.push($(this).val());//将选中的值添加到数组chk_value中    
		 });
		if(chk_value.length>6){
			alert("本系统最多支持一个城市的6个景点的路线规划");
			$(this).prop("checked",false);
		}		
	})
	
	//**景点最多选择6个结束************
	//*****开始规划路线*****************
	$(document).on("click","#begin-plan-way",function(){
		
		
		//jquery获取复选框值    
		var falg = true;
		var chk_value= [];//定义一个数组    		 
		$('input[name="scenicid"]:checked').each(function(){//遍历每一个名字为interest的复选框，其中选中的执行函数    
			chk_value.push($(this).val());//将选中的值添加到数组chk_value中    
		 });
		if(chk_value.length>6){
			alert("本系统最多支持一个城市的6个景点的路线规划");
			$(this).prop("checked",false);
			falg = false;
		}else if(chk_value.length==0){
			alert("你还未选择旅行的景点");
			falg = false;
		}
		if(falg){
			//*******弹出框提示*********
			layui.use(['laypage','layer' ],function() {
							var laypage = layui.laypage, layer = layui.layer;
							//使用layui的弹出层
							//tips层
							layer.msg('正在为你精心设计路线，请稍后',{
								icon : 1, //图表
								time : 1500//1秒关闭（如果不配置，默认是3秒）
							});
							
						});
			//********弹出框提示结束*************
			$.ajax({
				url:'/happySys/scenic/playScenicWayBySids',
				type:'post',
				dataType:'json',
				traditional: true,
				data:{
					pid:$('#provinceId-lvxing-xzsx').val(),
					cid:$('#city-lvxing-xzsx').val(),
					hid:$('#hobby-lvxing-xzsx').val(), 
					"rsort_rule":$('#rsort_rule_xzsx').val(),
					"scenicid":chk_value
				},
				success:function(data){
					$('#play_way_Scenic').empty();
					$.each(data,function(i){
						var num = (data[i].ss.length)*2;
					$('#play_way_Scenic').append('<tr>'+
							
							'<td rowspan="'+num+'" width="120px" align="center"> 套餐'+(i+1)+'</td><td rowspan="2">'+data[i].ss[0].smassage.sname+'</td><td>票价:￥'+data[i].ss[0].smassage.sticket+'起</td><td colspan="2">前往下个景点路线:'+data[i].ss[0].ssnextss+'</td>'+
						'</tr>'+
						'<tr>'+
							
							'<td>推荐酒店：'+data[i].ss[0].sshotelname+'</td><td>价格:￥'+data[i].ss[0].sshotelmoney+'起</td><td>[查看地址]</td>'+
						'</tr>');
					
					$.each(data[i].ss,function(j){
						if(j!=0){
							$('#play_way_Scenic').append('<tr>'+
									
									'<td rowspan="2">'+data[i].ss[j].smassage.sname+'</td><td>票价￥'+data[i].ss[j].smassage.sticket+'起</td><td colspan="2">前往下一个景点路线:'+data[i].ss[j].ssnextss+'</td>'+
								'</tr>'+
								'<tr>'+									
									'<td>推荐酒店：'+data[i].ss[j].sshotelname+'</td><td>价格:￥'+data[i].ss[j].sshotelmoney+'起</td><td>[查看地址]</td>'+
								'</tr>');
						}
					})
					});				
				}			
			});
		}
		
	});
	//结束路线的规划******************
	</script>
<!-- 心之所向js结束 -->

<!-- 梦幻之乡js开始 -->
<script type="text/javascript">	
	//**页面加载开始****************
	$(document).ready(function(){
		//**加载景点主题开始**************
		$.ajax({
    			url:'/happySys/hobby/findall',
    			type:'get',
    			dataType:'json',    			
    			success:function(data){
    				$.each(data,function(i){   					
    					$('#hobby-lvxing-mhzx').append('<option value="'+data[i].hid+'">'+data[i].htype+'</option>');
    				});				
    			}
    			
    		});
		//****加载景点主题结束*************
		//***加载省份开始*************
		$('#provinceId-lvxing-mhzx').empty();
		$.ajax({
    			url:'/happySys/province/findall',
    			type:'get',
    			dataType:'json',   			
    			success:function(data){
    				$.each(data,function(i){    		
    					$('#provinceId-lvxing-mhzx').append('<option value="'+data[i].provinceid+'">'+data[i].provincename+'</option>');
    				});				
    			}    			
    		});
		//*****加载省份结束******************
	});
	
	//********页面加载结束
	//******根据选择的省份加载该省份的所有城市开始***
	$("#provinceId-lvxing-mhzx").blur(function() {
		$('#city-lvxing-mhzx').empty();
//		$('#city').append('<option value="0">选择城市</option>');
		$.ajax({
			url:'/happySys/city/findcitybyproid',
			type:'get',
			dataType:'json',
			data:{
				pid:$(this).val()
			},
			success:function(data){
				$.each(data,function(i){
					//alert(data[i].htype+":"+data[i].hid)
					$('#city-lvxing-mhzx').append('<option value="'+data[i].cityid+'">'+data[i].cityname+'</option>');
				});				
			}			
		})		
	});
	//******根据选择的省份加载该省份的所有城市结束***
	</script>
<!-- 梦幻之乡js结束 -->
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<!-- 餐厅信息显示 -->
<script type="text/javascript">
	$(function(){
		
			$.ajax({
				url:"${pageContext.request.contextPath}/userapi/getrestaurant",
				type:"get",
				success:function(data) {
					$.each(data,function(index,obj){
						//console.log(item[0].dName);
						//设置首页显示的餐厅
						$("#rname1").text(obj[0].rname);
						$("#rcontent1").html(obj[0].rcontent);
						$("#rimg1").attr("style","background-image: url('"+obj[0].rimg+"');");
						$("#rimg1").attr("href","${pageContext.request.contextPath}/userapi/showfoodsbyriu/"+obj[0].rid)
						
						$("#rname2").text(obj[1].rname);
						$("#rcontent2").html(obj[1].rcontent);
						$("#rimg2").attr("style","background-image: url('"+obj[1].rimg+"');");
						$("#rimg2").attr("href","${pageContext.request.contextPath}/userapi/showfoodsbyriu/"+obj[1].rid)
						
						$("#rname3").text(obj[2].rname);
						$("#rcontent3").html(obj[2].rcontent);
						$("#rimg3").attr("style","background-image: url('"+obj[2].rimg+"');");
						$("#rimg3").attr("href","${pageContext.request.contextPath}/userapi/showfoodsbyriu/"+obj[2].rid)
						
						$("#rname4").text(obj[3].rname);
						$("#rcontent4").html(obj[3].rcontent);
						$("#rimg4").attr("style","background-image: url('"+obj[3].rimg+"');");
						$("#rimg4").attr("href","${pageContext.request.contextPath}/userapi/showfoodsbyriu/"+obj[3].rid)
						
					});
					
				}
				
				
				
				
			});
		});

</script>
<!-- 餐厅信息显示结束 -->
<!-- 博客信息显示 -->
<script type="text/javascript">

$(function(){
	$.ajax({
		url:"${pageContext.request.contextPath}/Userapi/getblog",
		type:"get",
		success:function(data) {
			$.each(data,function(index,obj){
				//console.log(item[0].dName);
				
				$("#btitle1").html(obj[0].btitle);
				$("#bimg1").attr("style","background-image: url('"+obj[0].bimg+"');");
				$("#bimg1").attr("href","${pageContext.request.contextPath}/Userapi/listBlogSingle?bid="+obj[0].bid);
				
			
				$("#btitle2").html(obj[1].btitle);
				$("#bimg2").attr("style","background-image: url('"+obj[1].bimg+"');");
				$("#bimg2").attr("href","${pageContext.request.contextPath}/Userapi/listBlogSingle?bid="+obj[1].bid);
				
				$("#btitle3").html(obj[2].btitle);
				$("#bimg3").attr("style","background-image: url('"+obj[2].bimg+"');");
				$("#bimg3").attr("href","${pageContext.request.contextPath}/Userapi/listBlogSingle?bid="+obj[2].bid);
				
			});
			
		}
	});
});
</script>
<!-- 博客信息显示结束 -->



<!-- 根据当前定位的省市查询该省市的热门景点 -->
<script type="text/javascript">
//***********加载热门景点开始************
//$(document).ready(
function hotScenic(province){
	$('#hot_scenic_show').empty();
	$.ajax({
		url:'/happySys/scenic/findcityhotscenic',
		type:'get',
		dataType:'json',
		data:{
			pname:province
			
		},
		success:function(data){
			
			$.each(data,function(i){
				//alert(data[i].bigimg[0].spurl)
				if(i%2==0){
					//alert(data[i].bigimg[1].spurl)
				$('#hot_scenic_show').append('<div class="col-sm col-md-6 col-lg ">'+
						'<div class="destination">'+
					//	'<a href="'+data[i].sbt+'" target="_blank" class="img img-2 d-flex justify-content-center align-items-center" style="background-image: url("'+data[i].bigimg[1].spurl+');">'+
					'<a href="'+data[i].sbt+'" target="_blank" class="img img-2 d-flex justify-content-center align-items-center" style="background-image: url('+data[i].bigimg[0].spurl+');">'+		
					'<div class="icon d-flex justify-content-center align-items-center">'+
								'<span class="icon-link"></span>'+
							'</div>'+
						'</a>'+
						'<div class="text p-3">'+
							'<div class="d-flex">'+
								'<div class="one">'+
									'<h3>'+
										'<a href="'+data[i].sbt+'" target="_blank">'+data[i].sname+'</a>'+
									'</h3>'+
								'</div>'+
								'<div class="two">'+
									'<span class="price">￥'+data[i].sticket+'起</span>'+
								'</div>'+
							'</div>'+
							'<p>['+data[i].sprovince+'.'+data[i].scity+']&nbsp;<a  href="javascript:showMap('+data[i].slat+','+data[i].slong+');"><img alt="" src="${pageContext.request.contextPath}/user/images/icon2.png" height="20px" width="20px"></a> </p>'+
							'<p class="days">'+
								'<span>游客满意度：'+data[i].ssatisfaction+'</span>'+
							'</p>'+
							'<hr>'+
							'<p class="bottom-area d-flex">'+
								'<span><a  href="javascript:showScenicMessage('+data[i].sid+');"><i class="icon-map-o">&nbsp;详情</i></a> </span><span class="ml-auto"><a href="'+data[i].sbt+'" target="_blank">购票</a></span>'+
							'</p>'+
						'</div>'+
					'</div>'+
				'</div>');
				}else{
					$('#hot_scenic_show').append('<div class="col-sm col-md-6 col-lg">'+
							'<div class="destination d-md-flex flex-column-reverse">'+
							'<a href="'+data[i].sbt+'" target="_blank" class="img img-2 d-flex justify-content-center align-items-center" style="background-image: url('+data[i].bigimg[0].spurl+');">'+
								'<div class="icon d-flex justify-content-center align-items-center">'+
									'<span class="icon-link"></span>'+
								'</div>'+
							'</a>'+
							'<div class="text p-3">'+
								'<div class="d-flex">'+
									'<div class="one">'+
										'<h3>'+
											'<a href="'+data[i].sbt+'" target="_blank">'+data[i].sname+'</a>'+
										'</h3>'+
									'</div>'+
									'<div class="two">'+
										'<span class="price">￥'+data[i].sticket+'起</span>'+
									'</div>'+
								'</div>'+
								'<p>['+data[i].sprovince+'.'+data[i].scity+']&nbsp;<a  href="javascript:showMap('+data[i].slat+','+data[i].slong+');"><img alt="" src="${pageContext.request.contextPath}/user/images/icon2.png" height="20px" width="20px"></a> </p>'+
								'<p class="days">'+
									'<span>游客满意度：'+data[i].ssatisfaction+'</span>'+
								'</p>'+
								'<hr>'+
								'<p class="bottom-area d-flex">'+
									'<span><a  href="javascript:showScenicMessage('+data[i].sid+');"><i class="icon-map-o"></i>&nbsp;详情</a> </span> <span class="ml-auto"><a href="'+data[i].sbt+'" target="_blank">购票</a></span>'+
								'</p>'+
							'</div>'+
						'</div>'+
					'</div>');					
				}
								
			});	
			
			}
		});				
}
//)
//***********加载热门景点结束************
//*********查看该景点的详细信息开始********
	function showScenicMessage(sid){
	
		
	$.ajax({
		url:'/happySys/scenic/findScenicMessagebysid',
		type:'get',
		dataType:'json',
		data:{
			sid:sid
		},
		success:function(data){
			$('#myScenicShow').empty();
			$('#myScenicShow').append(data.sdcontent);			
		}			
	})
	
	$("#myScenicModal").attr("style","display: block; padding-left: 17px;top:200px; width:640px;");//开启小弹窗
};

$("#close_tangchuang_scenic").click(function(){
	$("#myScenicModal").attr("style","display: none; padding-left: 17px;top:200px; width:640px;");
});
//*********查看该景点的详细信息结束********
</script>
<!-- 豪华酒店推荐开始 -->
<script type="text/javascript">
// var cityname="${Address.city}"
function cityhotel(cityname){
	$('#show_hotel_hot').empty();
	//alert(cityname)
	$.ajax({
		url:'/happySys/hotel/hot',
		type:'get',
		dataType:'json',
		data:{
			cname:cityname
			
		},
		success:function(data){		
			$.each(data,function(i){
				
				if(i%3==1&&i<8){
				$('#show_hotel_hot').append('<div class="col-sm col-md-6 col-lg ">'+
						'<div class="destination">'+
						'<a href="'+data[i].url+'" target="_blank" class="img img-2 d-flex justify-content-center align-items-center" style="background-image: url('+data[i].img+');">'+
							'<div class="icon d-flex justify-content-center align-items-center">'+
								'<span class="icon-link"></span>'+
							'</div>'+
						'</a>'+
						'<div class="text p-3">'+
							'<div class="d-flex">'+
								'<div class="one">'+
									'<h3>'+
										'<a href="'+data[i].url+'" target="_blank">'+data[i].hname+'</a>'+
									'</h3>'+
								'</div>'+
								'<div class="two">'+
									'<span class="price">￥'+data[i].price+'起</span>'+
								'</div>'+
							'</div>'+
							
							'<p class="days">'+
								'<span>'+data[i].hdescription+'</span>'+
							'</p>'+
							'<hr>'+
							'<p class="bottom-area d-flex">'+
								'<span><a  href="javascript:showMap('+data[i].lat+','+data[i].lon+');"><img alt="" src="${pageContext.request.contextPath}/user/images/icon2.png" height="20px" width="20px"></a> </span><span class="ml-auto"><a href="'+data[i].url+'" target="_blank">立即预定</a></span>'+
							'</p>'+
						'</div>'+
					'</div>'+
				'</div>');
				}else if(i%3==0&&i<8){
					$('#show_hotel_hot').append('<div class="col-sm col-md-6 col-lg">'+
							'<div class="destination d-md-flex flex-column-reverse">'+
							'<a href="'+data[i].url+'" target="_blank" class="img img-2 d-flex justify-content-center align-items-center" style="background-image: url('+data[i].img+');">'+
								'<div class="icon d-flex justify-content-center align-items-center">'+
									'<span class="icon-link"></span>'+
								'</div>'+
							'</a>'+
							'<div class="text p-3">'+
								'<div class="d-flex">'+
									'<div class="one">'+
										'<h3>'+
											'<a href="'+data[i].url+'" target="_blank">'+data[i].hname+'</a>'+
										'</h3>'+
									'</div>'+
									'<div class="two">'+
										'<span class="price">￥'+data[i].price+'起</span>'+
									'</div>'+
								'</div>'+
								'<p class="days">'+
									'<span>'+data[i].hdescription+'</span>'+
								'</p>'+
								'<hr>'+
								'<p class="bottom-area d-flex">'+
									'<span><a  href="javascript:showMap('+data[i].lat+','+data[i].lon+');"><img alt="" src="${pageContext.request.contextPath}/user/images/icon2.png" height="20px" width="20px"></a>  </span> <span class="ml-auto"><a href="'+data[i].url+'" target="_blank">立即预定</a></span>'+
								'</p>'+
							'</div>'+
						'</div>'+
					'</div>');					
				}
								
			});	
			
			}
		});				
}

</script>
<!-- 豪华酒店推荐结束 -->
<!-- 根据当前定位的省市查询该省市的热门景点 -->
<!-- 百度小地图 -->
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=IkB2sI3mEfxhf9ZjA7UDZFpw7QoHheTp"></script>
	<script type="text/javascript">	
		
		function showMap(x,y){
			
			$("#myModal").attr("style","display: block; padding-left: 117px;top:200px; width:700px; heigth:700px;");//开启小弹窗
			var map = new BMap.Map("allmap");
			map.centerAndZoom(new BMap.Point(y,x),11);
			map.enableScrollWheelZoom(true);
			
			map.clearOverlays(); 
			var new_point = new BMap.Point(y,x);
			var marker = new BMap.Marker(new_point);  
			map.addOverlay(marker);             
			map.panTo(new_point);      	
	}
		$("#close_tangchuang").click(function(){
			$("#myModal").attr("style","display: none; padding-left: 117px;top:200px; width:700px;");
		});
	</script>
</html>